// script.js

// 1. 等待DOM完全加载后再执行脚本
document.addEventListener('DOMContentLoaded', function() {
    // 2. 获取页面中的元素
    var greetingElement = document.getElementById('greeting');
    var buttonElement = document.getElementById('myButton');

    // 3. 定义一个函数来更新问候语
    function updateGreeting(name) {
        if (greetingElement) {
            greetingElement.textContent = 'Hello, ' + name + '!';
        }
    }

    // 4. 设置按钮点击事件监听器
    buttonElement.addEventListener('click', function() {
        // 假设页面上有一个输入框用于输入名字
        var nameInput = document.getElementById('nameInput');
        var name = nameInput.value;

        // 调用函数更新问候语
        updateGreeting(name);
    });

    // 5. 页面加载时显示默认问候语
    updateGreeting('Guest');
});